<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .clearfix:after{
            display: table;
            clear: both;
            content: "";
        }
        #zong{
            width: 1000px;
            margin: 0 auto;
        }
        #tou{
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border-bottom: 1px solid #ccc;
            margin-bottom: 2px;
        }
        #tou>span{
            margin-right: 50px;
        }
        #cnt{
              width: 100%;
              height: 405px;
          }
        #tupian{
            float: left;
            width: 60%;
        }
        #tupian>img{
            width: 600px;
        }
        #neir{
            width:35%;
            float: right;
            margin-right: 30px;
            height: 100%;
        }
        #neir>div:nth-of-type(1){
            height: 50%;
            border-bottom: 1px solid #ccc;
        }
        #neir>div:nth-of-type(1)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #neir>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #neir>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #neir>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #neir>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #neir>div:nth-of-type(1)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #neir>div:nth-of-type(1)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        #neir>div:nth-of-type(2){
            height: 50%;
        }
        #neir>div:nth-of-type(2)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #neir>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #neir>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #neir>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #neir>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #neir>div:nth-of-type(2)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #neir>div:nth-of-type(2)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        /*1结束*/
        /*2*/
        #cn{
            width: 100%;
            height: 405px;
            display: none;
        }
        #tu{
            float: left;
            width: 60%;
        }
        #tu>img{
            width: 600px;
        }
        #ne{
            width:35%;
            float: right;
            margin-right: 30px;
            height: 100%;
        }
        #ne>div:nth-of-type(1){
            height: 50%;
            border-bottom: 1px solid #ccc;
        }
        #ne>div:nth-of-type(1)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #ne>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #ne>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #ne>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #ne>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #ne>div:nth-of-type(1)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #ne>div:nth-of-type(1)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        #ne>div:nth-of-type(2){
            height: 50%;
        }
        #ne>div:nth-of-type(2)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #ne>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #ne>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #ne>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #ne>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #ne>div:nth-of-type(2)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #ne>div:nth-of-type(2)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        /*2结束*/
        /*3*/
        #c{
            width: 100%;
            height: 405px;
            display: none;
        }
        #tup{
            float: left;
            width: 60%;
        }
        #tup>img{
            width: 600px;
        }
        #nei{
            width:35%;
            float: right;
            margin-right: 30px;
            height: 100%;
        }
        #nei>div:nth-of-type(1){
            height: 50%;
            border-bottom: 1px solid #ccc;
        }
        #nei>div:nth-of-type(1)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #nei>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #nei>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #nei>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #nei>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #nei>div:nth-of-type(1)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #nei>div:nth-of-type(1)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        #nei>div:nth-of-type(2){
            height: 50%;
        }
        #nei>div:nth-of-type(2)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #nei>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #nei>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #nei>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #nei>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #nei>div:nth-of-type(2)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #nei>div:nth-of-type(2)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        /*3结束*/
        /*4*/
        #a{
            width: 100%;
            height: 405px;
            display: none;
        }
        #b{
            float: left;
            width: 60%;
        }
        #b>img{
            width: 600px;
        }
        #d{
            width:35%;
            float: right;
            margin-right: 30px;
            height: 100%;
        }
        #d>div:nth-of-type(1){
            height: 50%;
            border-bottom: 1px solid #ccc;
        }
        #d>div:nth-of-type(1)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #d>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #d>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #d>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #d>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #d>div:nth-of-type(1)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #d>div:nth-of-type(1)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        #d>div:nth-of-type(2){
            height: 50%;
        }
        #d>div:nth-of-type(2)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #d>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #d>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #d>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #d>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #d>div:nth-of-type(2)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #d>div:nth-of-type(2)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        /*4结束*/
        /*5*/
        #v{
            width: 100%;
            height: 405px;
            display: none;
        }
        #u{
            float: left;
            width: 60%;
        }
        #u>img{
            width: 600px;
        }
        #e{
            width:35%;
            float: right;
            margin-right: 30px;
            height: 100%;
        }
        #e>div:nth-of-type(1){
            height: 50%;
            border-bottom: 1px solid #ccc;
        }
        #e>div:nth-of-type(1)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #e>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #e>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #e>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #e>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #e>div:nth-of-type(1)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #e>div:nth-of-type(1)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        #e>div:nth-of-type(2){
            height: 50%;
        }
        #e>div:nth-of-type(2)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #e>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #e>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #e>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #e>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #e>div:nth-of-type(2)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #e>div:nth-of-type(2)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        /*5结束*/
        /*6*/
        #t{
            width: 100%;
            height: 405px;
            display: none;
        }
        #tupi{
            float: left;
            width: 60%;
        }
        #tupi>img{
            width: 600px;
        }
        #r{
            width:35%;
            float: right;
            margin-right: 30px;
            height: 100%;
        }
        #r>div:nth-of-type(1){
            height: 50%;
            border-bottom: 1px solid #ccc;
        }
        #r>div:nth-of-type(1)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #r>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #r>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #r>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #r>div:nth-of-type(1)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #r>div:nth-of-type(1)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #r>div:nth-of-type(1)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        #r>div:nth-of-type(2){
            height: 50%;
        }
        #r>div:nth-of-type(2)>ul:nth-of-type(1){
            float: left;
            margin-top: 50px;
            margin-left: 20px;
        }
        #r>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(1){
            list-style: none;
            font-size: 18px;
            margin-bottom: 5px;
        }
        #r>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(2){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 3px;
        }
        #r>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(3){
            list-style: none;
            margin-left: 8px;
            margin-bottom: 20px;
        }
        #r>div:nth-of-type(2)>ul:nth-of-type(1)>li:nth-of-type(4){
            list-style: none;
            width: 70px;
            height: 25px;
            line-height: 25px;
            background-color: orangered;
            color: white;
            font-size: 14px;
            text-align: center;
        }
        #r>div:nth-of-type(2)>ul:nth-of-type(2){
            float: right;
            margin-top: 100px;
            margin-right: 15px;
        }
        #r>div:nth-of-type(2)>ul:nth-of-type(2)>img{
            width: 100px;
        }
        /*6结束*/
        #baseline{
            width:70px;
            height:5px;
            background:gold;
            position:absolute;
            top:47px;
            left:252px;/* 1:0,2:70+5,3:(70+5)*2 4 */
            transition:all .3s;
        }
    </style>
</head>
<body>
<div id="zong">
    <div id="tou">
      <span>融e购</span>
      <span>汇款支付</span>
      <span>消费旅游</span>
      <span>留学服务</span>
      <span>移动金融</span>
      <span>个人贷款</span>
      <div id="baseline"></div>
    </div>
<div id="j">
        <div id="cnt" class="clearfix">
            <div id="tupian">
                <img src="a1.jpg" alt="">
            </div>
            <div id="neir" class="clearfix">
                <div>
                    <ul>
                        <li>e购超市</li>
                        <li>品类齐全 轻松购物</li>
                        <li>每日秒杀大放价</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_3.png"/>
                    </ul>
                </div>
                <div id="n" class="clearfix">
                    <ul>
                        <li>全球优品</li>
                        <li>进口好货品质保证</li>
                        <li>每周上新鲸喜不断</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_2.png" alt="">
                    </ul>
                </div>
            </div>
        </div>
        <!--1/-->
        <div id="cn" class="clearfix">
            <div id="tu">
                <img src="a2.jpg" alt="">
            </div>
            <div id="ne" class="clearfix">
                <div>
                    <ul>
                        <li>e购超市</li>
                        <li>品类齐全 轻松购物</li>
                        <li>每日秒杀大放价</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_3.png"/>
                    </ul>
                </div>
                <div class="clearfix">
                    <ul>
                        <li>全球优品</li>
                        <li>进口好货品质保证</li>
                        <li>每周上新鲸喜不断</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_2.png" alt="">
                    </ul>
                </div>
            </div>
        </div>
        <!--2/-->
        <div id="a" class="clearfix">
            <div id="b">
                <img src="a3.jpg" alt="">
            </div>
            <div id="d" class="clearfix">
                <div>
                    <ul>
                        <li>e购超市</li>
                        <li>品类齐全 轻松购物</li>
                        <li>每日秒杀大放价</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_3.png"/>
                    </ul>
                </div>
                <div class="clearfix">
                    <ul>
                        <li>全球优品</li>
                        <li>进口好货品质保证</li>
                        <li>每周上新鲸喜不断</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_2.png" alt="">
                    </ul>
                </div>
            </div>
        </div>
        <!--3/-->
        <div id="c" class="clearfix">
            <div id="tup">
                <img src="a4.jpg" alt="">
            </div>
            <div id="nei" class="clearfix">
                <div>
                    <ul>
                        <li>e购超市</li>
                        <li>品类齐全 轻松购物</li>
                        <li>每日秒杀大放价</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_3.png"/>
                    </ul>
                </div>
                <div class="clearfix">
                    <ul>
                        <li>全球优品</li>
                        <li>进口好货品质保证</li>
                        <li>每周上新鲸喜不断</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_2.png" alt="">
                    </ul>
                </div>
            </div>
        </div>
        <!--4/-->
        <div id="v" class="clearfix">
            <div id="u">
                <img src="a5.jpg" alt="">
            </div>
            <div id="e" class="clearfix">
                <div>
                    <ul>
                        <li>e购超市</li>
                        <li>品类齐全 轻松购物</li>
                        <li>每日秒杀大放价</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_3.png"/>
                    </ul>
                </div>
                <div class="clearfix">
                    <ul>
                        <li>全球优品</li>
                        <li>进口好货品质保证</li>
                        <li>每周上新鲸喜不断</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_2.png" alt="">
                    </ul>
                </div>
            </div>
        </div>
        <!--5/-->
        <div id="t" class="clearfix">
            <div id="tupi">
                <img src="a6.jpg" alt="">
            </div>
            <div id="r" class="clearfix">
                <div>
                    <ul>
                        <li>e购超市</li>
                        <li>品类齐全 轻松购物</li>
                        <li>每日秒杀大放价</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_3.png"/>
                    </ul>
                </div>
                <div class="clearfix">
                    <ul>
                        <li>全球优品</li>
                        <li>进口好货品质保证</li>
                        <li>每周上新鲸喜不断</li>
                        <li>了解详细</li>
                    </ul>
                    <ul>
                        <img src="http://v.icbc.com.cn/userfiles/Resources/WAP/dzyh/regrk/bljr_2.png" alt="">
                    </ul>
                </div>
            </div>
        </div>
</div>

    <!--6/-->
</div>
</body>
<script>
    let spans=tou.children;
    let divs=j.children;
    for (let i=0;i<spans.length;i++){
        if(spans[i].id=="baseline") continue;
        spans[i].onclick=function () {
            for (let j=0;j<divs.length;j++){
                if(i==j){
                    divs[j].style.display = "block";
                    baseline.style.left = 100*i+"px";
                    baseline.style.width = spans[i].clientWidth+"px";
                }else {
                    divs[j].style.display = "none";
                }
            }
        }

    }
</script>
</html>